<template xmlns:a="http://www.w3.org/1999/html">
  <div class="u-page u-page-process-bg u-box">
    <div class="u-cl-white u-pt-20 u-pb-20">
      <div class="u-fz-26 u-font-bold">{{ subject }}项目实施计划</div>
    </div>
    <!-- 表单 -->
    <div
      class="rule-form rule-form-input-right u-box u-radius-lg u-shadow u-bcl-white"
    >
      <u-form ref="uForm" :model="form">
        <div
          @click="showDemand"
          style="
            font-weight: bold;
            font-size: 30rpx;
            line-height: 220%;
            color: #3b79fe;
          "
        >
          查看项目详情
        </div>
        <u-form-item label="项目最终定价（元）" prop="finalPrice">
          <div class="u-text-right">{{ form.finalPrice }}</div>
        </u-form-item>
        <u-form-item label="预计完成日期" prop="DeliveryDate">
          <div class="u-text-right">{{ form.deliveryDate }}</div>
        </u-form-item>
        <u-collapse
          ref="collapseView"
          :item-style="itemStyle"
          event-type="close"
          :arrow="true"
          :accordion="false"
          @change="autoHeight"
        >
          <u-collapse-item
            :index="index"
            :open="true"
            :title="'第' + (index + 1) + '期'"
            v-for="(item, index) in planJsonData"
            :key="index"
          >
            <view class="collapse-item">
              <u-form-item
                label="工作内容与交付标准"
                label-position="top"
                :label-style="labelStyle"
              >
                <u-input
                  type="textarea"
                  disabled
                  style="font-weight: normal"
                  v-model="item.content"
                >
                </u-input>
              </u-form-item>

              <u-form-item label="本期佣金（元）" :label-style="labelStyle">
                <div class="u-text-right" style="font-weight: normal">
                  {{ item.brokerage }}
                </div>
              </u-form-item>
              <u-form-item
                label="交付日期"
                :label-style="labelStyle"
                :border-bottom="false"
              >
                <div class="u-text-right" style="font-weight: normal">
                  {{ item.subDate }}
                </div>
              </u-form-item>
            </view>
          </u-collapse-item>
        </u-collapse>
      </u-form>
    </div>
    <div style="margin-top: 1rpx">
      <u-button type="primary" shape="circle" @click="submit"
        >确认参与
      </u-button>
    </div>
  </div>
</template>

<script src="./js/partnerConfirm.js"></script>
<style lang="scss" scoped></style>
